﻿<!DOCTYPE html>
<html>
<head>
    <title>检索模板</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <!--bootStrop css 单选框样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/icheck-bootstrap.css">
    <!--bootStrop css 主样式-->
    <link rel="stylesheet" href="resources/scripts/assets/bootstrap/css/bootstrap.min.css">
    <!--jquery js-->
    <script src="resources/scripts/assets/js/jquery-2.2.3.min.js"></script>
    <!--bootStrop js-->
    <script src="resources/scripts/assets/bootstrap/js/bootstrap.min.js"></script>
    <style>
        .dropdown-submenu {
            position: relative;
        }

        .dropdown-submenu > .dropdown-menu {
            top: 0;
            left: 100%;
            margin-top: -6px;
            margin-left: -1px;
            -webkit-border-radius: 0 6px 6px 6px;
            -moz-border-radius: 0 6px 6px;
            border-radius: 0 6px 6px 6px;
        }

        .dropdown-submenu:hover > .dropdown-menu {
            display: block;
        }

        .dropdown-submenu > a:after {
            display: block;
            content: " ";
            float: right;
            width: 0;
            height: 0;
            border-color: transparent;
            border-style: solid;
            border-width: 5px 0 5px 5px;
            border-left-color: #ccc;
            margin-top: 5px;
            margin-right: -10px;
        }

        .dropdown-submenu:hover > a:after {
            border-left-color: #fff;
        }

        .dropdown-submenu.pull-left {
            float: none;
        }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }
    </style>
</head>
<body>
<br/><br/>
<form class="form-inline">
    &emsp;
    <input type="text" class="form-control">
    <input type="button" class="btn btn-info" value="搜索">
    <input type="button" class="btn btn-info" value="添加">
    &emsp;&emsp;
    名称:
    <input type="text" class="form-control" placeholder="检索结果模板">
    &emsp;
    导出标题:
    <span class="icheck-info">
        <input type="radio" name="biaoti" id="someCheckboxId1"/>
        <label for="someCheckboxId1">中文</label>
    </span>
    <span class="icheck-info">
        <input type="radio" name="biaoti" id="someCheckboxId2"/>
        <label for="someCheckboxId2">英文</label>
    </span>
</form>
<br/>
<div class="col-lg-3">
    <div class="dropdown m-b">
        <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
            基本信息&nbsp;&nbsp;&nbsp;<span class="caret"></span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu">
            <li class="dropdown-submenu">
                <a tabindex="0" data-toggle="dropdown">...</a>
                <ul class="dropdown-menu pull-right">
                    <li><a tabindex="0">...</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <br/>
    <div class="dropdown m-b">
        <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
            合并用药&nbsp;&nbsp;&nbsp;<span class="caret"></span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu">
            <li class="dropdown-submenu">
                <a tabindex="0" data-toggle="dropdown">...</a>
                <ul class="dropdown-menu pull-right">
                    <li><a tabindex="0">...</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <br/>
    <div class="dropdown m-b">
        <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
            体格检查&nbsp;&nbsp;&nbsp;<span class="caret"></span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu">
            <li class="dropdown-submenu">
                <a tabindex="0" data-toggle="dropdown">...</a>
                <ul class="dropdown-menu pull-right">
                    <li><a tabindex="0">...</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <br/>
    <div class="dropdown m-b">
        <button class="btn btn-default" type="button" data-toggle="dropdown" style="width: 87%;">
            实验室检查&nbsp;&nbsp;&nbsp;<span class="caret"></span>
        </button>
        <ul class="dropdown-menu pull-right" role="menu">
            <li><a tabindex="0">总胆固醇</a></li>
            <li><a tabindex="0">单位</a></li>
            <li><a tabindex="0">甘油三酯</a></li>
            <li><a tabindex="0">空腹血糖</a></li>
            <li><a tabindex="0">高密度脂蛋白胆固醇</a></li>
            <li><a tabindex="0">高敏肌钙蛋白</a></li>
            <li><a tabindex="0">低密度脂蛋白胆固醇</a></li>
            <li><a tabindex="0">血清载脂蛋白A1(APOA)</a></li>
            <li><a tabindex="0">尿酸</a></li>
            <li><a tabindex="0">血清载脂蛋白R100(APOR)</a></li>
        </ul>
    </div>
</div>
<div class="col-lg-9">
    <table class="table">
        <tr>
            <td>标题</td>
            <td>英文标题</td>
            <td>显示图表</td>
            <td>转换</td>
            <td>取值选项</td>
            <td>显示时间</td>
            <td>项目</td>
            <td>操作</td>
        </tr>
        <tr>
            <td><input type="text" class="form-control" value="甘油三酯" style="width: 100px;"></td>
            <td><input type="text" class="form-control" value="" style="width: 105px"></td>
            <td>
                <span class="icheck-info">
                    <input type="checkbox" name="biaoti" id="someCheckboxId3"/>
                    <label for="someCheckboxId3"></label>
                </span>
            </td>
            <td>0项</td>
            <td>
                <select class="form-control" style="width: 95px;">
                    <option>请选择</option>
                    <option>首次</option>
                    <option>末次</option>
                </select>
            </td>
            <td>
                <span class="icheck-info">
                    <input type="checkbox" name="biaoti" id="someCheckboxId4"/>
                    <label for="someCheckboxId4"></label>
                </span>
            </td>
            <td>
                实验室检查:甘油三酯
            </td>
            <td>
                <a href>
                    <div class="glyphicon glyphicon-arrow-up" style="text-decoration: none"></div>
                </a>
                &emsp;
                <a href>
                    <div class="glyphicon glyphicon-arrow-down" style="text-decoration: none"></div>
                </a>
                &emsp;
                <a href>
                    <div class="glyphicon glyphicon-trash" style="text-decoration: none"></div>
                </a>
            </td>
        </tr>
        <tr>
            <td><input type="text" class="form-control" value="高敏肌钙蛋白" style="width: 100px;"></td>
            <td><input type="text" class="form-control" value="" style="width: 105px"></td>
            <td>
                <span class="icheck-info">
                    <input type="checkbox" name="biaoti2" id="someCheckboxId5"/>
                    <label for="someCheckboxId5"></label>
                </span>
            </td>
            <td>0项</td>
            <td>
                <select class="form-control" style="width: 95px;">
                    <option>请选择</option>
                    <option>首次</option>
                    <option>末次</option>
                </select>
            </td>
            <td>
                <span class="icheck-info">
                    <input type="checkbox" name="biaoti2" id="someCheckboxId6"/>
                    <label for="someCheckboxId6"></label>
                </span>
            </td>
            <td>
                实验室检查:高敏肌钙蛋白
            </td>
            <td>
                <a href>
                    <div class="glyphicon glyphicon-arrow-up" style="text-decoration: none"></div>
                </a>
                &emsp;
                <a href>
                    <div class="glyphicon glyphicon-arrow-down" style="text-decoration: none"></div>
                </a>
                &emsp;
                <a href>
                    <div class="glyphicon glyphicon-trash" style="text-decoration: none"></div>
                </a>
            </td>
        </tr>
    </table>
    <br/>
    备注:
    <textarea class="form-control" style="height: 130px"></textarea>
    <br/><br/>
    <div class="pull-right">
        <input type="button" class="btn btn-info" value="确定">
        <input type="button" class="btn btn-default" value="取消">
    </div>
</div>
</body>
</html>
